// todo  点击搜索框，跳转到搜索页
$('.search').addEventListener('click', () => {
    location.href = 'http://10.55.3.8:5500/search.html'
})

// todo 初始化swiper轮播
const mySwiper = new Swiper('.srcollImg', {
    loop: true,
    autoplay: {
        autoplay: true,
        delay: 2000,
    },
})

// todo 渲染商品列表
// *创建请求对象
const xhr = new XMLHttpRequest()
// *链接服务器
xhr.open('GET', '../json/goods.json')
// *发送请求
xhr.send()
// *设置监听器看是否成功获得数据
xhr.onreadystatechange = () => {
    if (xhr.readyState === 4) {
        if (xhr.status === 200) {
            // *获取数据
            data = JSON.parse(xhr.responseText)
            // todo 获取hot  并渲染数据
            let goods = $('.goods')
            // *渲染
            goods.innerHTML = data.map((obj, idx) => {
                return `<a href="">
                    <img src="${obj.img}" alt="">
                    <ul class="info">
                        <li>
                            <img src="./img/shenquan.webp" alt="">
                            <span>${obj.name}</span>
                        </li>
                        <li>
                            <p>${obj.score = obj.score % 5 == 0 ? obj.score + '.0' : obj.score}分</p>
                            <span>月售${obj.sell_num}+</span>
                            <span>人均￥${obj.average_price}</span>
                        </li>
                        <li>
                            <span>起送￥${obj.low_price}</span>
                            <span>配送&nbsp;约￥${obj.send_price}元</span>
                            <span>${obj.send_time}分钟</span>
                            <span>${obj.send_dis}${obj.dis_unit}</span>
                        </li>
                        <li>
                            <img src="./img/paiming.webp" alt="">
                            <span>${obj.title}</span>
                        </li>
                        <li>
                            ${obj.tags.map((l_obj, i) => `<p>${l_obj}</p>`).join('')}
                        </li>
                    </ul>
                </a>`
            }).join('')
        }
    }
}

// todo 将滚动换成betterScroll插件的滚动 更丝滑
let scroll = new BScroll("main", {
    click: true,
    scrollY: true,
    scrollbar: true,
    probeType: 3,  //*派出scroll事件
})

let flag = false
// todo 下拉刷新
// scroll.on('scroll', () => {
//     // *起始点是-10px
//     console.log(scroll.y)
//     console.log($('.pulldown').offsetHeight - 10)
//     if (scroll.y >= $('.pulldown').offsetHeight - 10) {
//         $('.pulldown').innerHTML = '松开刷新'
//         flag = true
//     } else {
//         $('.pulldown').innerHTML = '下拉刷新...'
//     }

// })
// scroll.on('scrollEnd', () => {
//     if(flag) location.reload()
// })

